<template>
  <div>
    <HmWord>
      <template #header="{ msg, age }">
        {{ msg }}
        {{ age }}
        <h4>我是标题</h4>
      </template>
      <template #main>
        <p>我来了</p>
      </template>
    </HmWord>
    <HmWord>
      <template #header>
        <h4>我是柴犬</h4>
      </template>
      <template #main>
        <img
          src="https://ts1.cn.mm.bing.net/th/id/R-C.2aa83299ccc48066ea76fbc6c924c291?rik=fm48znzalygnjw&riu=http%3a%2f%2f5b0988e595225.cdn.sohucs.com%2fimages%2f20171018%2f3ab4d838817d4bf5b13c94e8e17eaee4.jpeg&ehk=kX%2b%2f%2fx8WdJpxWXXRjXwQ4Mlc45qRoIFXjVaFQNcwAJE%3d&risl=&pid=ImgRaw&r=0"
          alt=""
          style="width: 200px; height: 200px"
        />
      </template>
    </HmWord>
  </div>
</template>

<script>
import HmWord from './components/my-word.vue'
export default {
  components: { HmWord },
  data() {
    return {
      isShow: true,
    }
  },
}
</script>

<style></style>
